<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>         
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>EduMS - Welcome to System</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/javascript/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/javascript/ajaxfileupload.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/javascript/json2.js"></script>
<link href="${pageContext.request.contextPath }/css/common.css" rel="Stylesheet" type="text/css" />
<style type="text/css">
.header_background{
	background-image: linear-gradient(bottom, #1983DD 9%, #359EFF 55%);
	background-image: -o-linear-gradient(bottom, #1983DD 9%, #359EFF 55%);
	background-image: -moz-linear-gradient(bottom, #1983DD 9%, #359EFF 55%);
	background-image: -webkit-linear-gradient(bottom, #1983DD 9%, #359EFF 55%);
	background-image: -ms-linear-gradient(bottom, #1983DD 9%, #359EFF 55%);
	
	/* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#359EFF, endColorstr=#1983DD)";    
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, #1983DD),
		color-stop(0.55, #359EFF)
	);	
}
#header_login {width:100%; padding:0; margin:0; text-align:right; background-color:#000; }
#header_login span.span_login{color:#fff; }
#header_login span.span_link a{color:#ddd; }
#header_login span.span_link a:hover {color:yellow; text-decoration:none;}  
ul#header_menu{ 
	width: 100%;
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}
ul#header_menu li {
	display: block; 
	float: left; 
	margin: 0 0 0 0px; 
}
ul#header_menu li a { 
	color:#eee;
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 5px 10px 3px 5px; 
}

.menu_hover{ background:#999; }
</style>

<script type="text/javascript">

$(document).ready(function(){
	
});

</script>

</head>
<body>
	<div id="container">
		<table>
			<thead>
				<tr>
					<th id="header" class="header_background"><tiles:insertAttribute name="header"/></th>
				</tr>	
			</thead>
			<tbody>
				<tr>
					<td id="main"><tiles:insertAttribute name="main"/></td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td id="footer" ><tiles:insertAttribute name="footer"/></td>
				</tr>
			</tfoot>
		</table>
	</div>
</body>
</html>